<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>History</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
</head>
<body class="skin-blue">
	<!-- header logo: style can be found in header.less -->
	<%@include file="Head-Banner.jsp"%>
	<div class="wrapper row-offcanvas row-offcanvas-left">
		<!-- Left side column. contains the logo and sidebar -->
		<%@include file="Left-Banner.jsp"%>
		<!-- Right side column. Contains the navbar and content of the page -->
		<aside class="right-side"> <!-- Content Header (Page header) -->
		<section class="content-header">
		<h1>History Managements</h1>
		</section> <!-- Main content --> <section class="content">
		<div style="display: block">
			<div class="form-group" style="float: left;">
				<div class="input-group">
					<input type="text" class="form-control" name="txtSearch" placeholder="File name"/>
				</div>
			</div>
			<div class="form-group" style="float: left;width:100px;padding-left: 15px;">
				<button type="submit" class="btn bg-olive btn-block">Search</button>
			</div>
		</div>
		<br>
		<br>

		<div class="box" style="position: relative;top: 10px">
			<div class="box-header" style="text-align: left;">
				<h3 class="box-title">File Action Report</h3>
			</div>
			<!-- /.box-header -->
			<div class="box-body no-padding">
				<table class="table table-condensed">
					<tr>
						<th style="width: 10%; padding-left: 15px">No.</th>
						<th style="width: 65%">Action</th>
						<th style="width: 25%">Date Modified</th>
					</tr>
					<c:set var="idx" value="0"></c:set>
					<c:forEach  var="log"  items="${requestScope.lInfos }">
						<tr>
							<c:set var="idx" value="${idx + 1 }"></c:set>
								<td style="padding-left: 15px">${idx }</td>
							<c:out value=""></c:out>
							<td>${log.logContent }</td>
							<td><span class="badge bg-red">{log.modified }</span></td>
						</tr>
					</c:forEach>
					
				</table>
			</div>
			<div class="box-footer clearfix">
				<ul class="pagination pagination-sm no-margin pull-right">
					<li><a href="#">&laquo;</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">&raquo;</a></li>
				</ul>
			</div>
			<!-- /.box-body -->
		</div>
		</section><!-- /.content --> </aside>
		<!-- /.right-side -->
	</div>
	<!-- ./wrapper -->
</body>
</html>